<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
   <!-- head -->
   <include file="Public:head"/>
   <!-- head -->
   <body class="home">
      <div class="wrap">
        <!-- Head start -->
        <include file="Public:header" />
        <!-- Head End -->
         <!-- Content Start -->
         <div id="main">
            <!-- Slider Start-->
            <div class="fullwidthbanner-container">
               <div class="fullwidthbanner rslider">
                  <ul>
                     <!-- THE FIRST SLIDE -->
                     <li data-delay="6000" data-masterspeed="300" data-transition="fade">
                        <div class="slotholder"><img src="__TMPL__Public/img/slider/slider-bg-1.jpg" data-fullwidthcentering="on" alt="Pixma"></div>
                        <div class="caption modern_big_bluebg h1 lft tp-caption start"
                           data-x="40"
                           data-y="85"
                           data-speed="700"
                           data-endspeed="800"
                           data-start="1000"
                           data-easing="easeOutQuint"
                           data-endeasing="easeOutQuint">
                           <h3>免费开源的内容管理框架</h3>
                        </div>
                        <div class="caption list_slide lfb tp-caption start" 
                           data-easing="easeOutExpo" 
                           data-start="1400" 
                           data-speed="1050" 
                           data-y="180" 
                           data-x="40">
                           <div class="list-slide">
                              <i class="icon-desktop slide-icon"></i>
                              <h5 class="dblue">PHP+MYSQL+BOOTSTRAP </h5>
                           </div>
                        </div>
                        <div class="caption list_slide lfb tp-caption start" 
                           data-easing="easeOutExpo" 
                           data-start="2200" 
                           data-speed="1350" 
                           data-y="260" 
                           data-x="40">
                           <div class="list-slide">
                              <i class="icon-code slide-icon"></i>
                              <h5 class="dblue"> PC到移动端一站式管理</h5>
                           </div>
                        </div>
                        <div class="caption list_slide lfb tp-caption start" 
                           data-easing="easeOutExpo" 
                           data-start="1800" 
                           data-speed="1200" 
                           data-y="220" 
                           data-x="40">
                           <div class="list-slide">
                              <i class="icon-search slide-icon"></i>
                              <h5 class="dblue"> SEO表现卓越 </h5>
                           </div>
                        </div>
                        <div class="caption lfb caption_button_1 fadeout tp-caption start"
                           data-x="40"
                           data-y="330"
                           data-speed="900"
                           data-endspeed="300"
                           data-start="2700"
                           data-hoffset="-70"
                           data-easing="easeOutExpo">
                           <a class="btn-special hidden-xs btn-grey" href="#">了解更多</a>
                        </div>
                        <div class="caption lfb caption_button_2 fadeout tp-caption start"
                           data-x="210"
                           data-y="330"
                           data-speed="800"
                           data-endspeed="300"
                           data-start="2900"
                           data-hoffset="70"
                           data-easing="easeOutExpo">
                           <a class="btn-special hidden-xs btn-color" href="#">下载</a>
                        </div>
                     </li>
                     <!-- THE RESPONSIVE SLIDE -->
                     <li data-transition="fade" data-slotamount="1" data-masterspeed="300">
                        <img src="__TMPL__Public/img/slider/slider-bg-2.jpg" data-fullwidthcentering="on" alt="">
                        <div class="caption large_text sft"
                           data-x="660"
                           data-y="54"
                           data-speed="300"
                           data-start="800"
                           data-easing="easeOutExpo"  >适应各种尺寸屏幕</div>
                        <div class="caption medium_text sfl"
                           data-x="689"
                           data-y="92"
                           data-speed="300"
                           data-start="1100"
                           data-easing="easeOutExpo"  >&&</div>
                        <div class="caption large_text sfr"
                           data-x="738"
                           data-y="88"
                           data-speed="300"
                           data-start="1100"
                           data-easing="easeOutExpo"  ><span class="dblue">响应式设计</span></div>
                        <div class="caption list_slide lfb tp-caption start" 
                           data-easing="easeOutExpo" 
                           data-start="1400" 
                           data-speed="1050" 
                           data-y="180" 
                           data-x="660">
                           <div class="list-slide">
                              <i class="icon-eye-open slide-icon"></i>
                              <h5> 强大的视觉冲击 </h5>
                           </div>
                        </div>
                        <div class="caption list_slide lfb tp-caption start" 
                           data-easing="easeOutExpo" 
                           data-start="1800" 
                           data-speed="1200" 
                           data-y="220" 
                           data-x="660">
                           <div class="list-slide">
                              <i class="icon-table slide-icon"></i>
                              <h5> 模块化开发流程 </h5>
                           </div>
                        </div>
                        <div class="caption list_slide lfb tp-caption start" 
                           data-easing="easeOutExpo" 
                           data-start="2200" 
                           data-speed="1350" 
                           data-y="260" 
                           data-x="660">
                           <div class="list-slide">
                              <i class="icon-ok slide-icon"></i>
                              <h5> 多浏览器完美兼容 </h5>
                           </div>
                        </div>
                        <div class="caption list_slide lfb tp-caption start" 
                           data-easing="easeOutExpo" 
                           data-start="2600" 
                           data-speed="1350" 
                           data-y="300" 
                           data-x="660">
                           <div class="list-slide">
                              <i class="icon-fire slide-icon"></i>
                              <h5> 框架化内容管理支持 </h5>
                           </div>
                        </div>
                        <div class="caption list_slide lfb tp-caption start" 
                           data-easing="easeOutExpo" 
                           data-start="3000" 
                           data-speed="1350" 
                           data-y="340" 
                           data-x="660">
                           <div class="list-slide">
                              <i class="icon-th slide-icon"></i>
                              <h5> Bootstrap响应式框架 </h5>
                           </div>
                        </div>
                        <div class="caption lfl"
                           data-x="53"
                           data-y="30"
                           data-speed="300"
                           data-start="1400"
                           data-easing="easeOutExpo">
                           <img src="__TMPL__Public/img/slider/responsive-imac.png" alt="iMac Responsive">
                        </div>
                        <div class="caption lfl"
                           data-x="323"
                           data-y="145"
                           data-speed="300"
                           data-start="1500"
                           data-easing="easeOutExpo">
                           <img src="__TMPL__Public/img/slider/responsive-ipad.png" alt="iPad Responsive">
                        </div>
                        <div class="caption lfl"
                           data-x="472"
                           data-y="253"
                           data-speed="300"
                           data-start="1600"
                           data-easing="easeOutExpo">
                           <img src="__TMPL__Public/img/slider/responsive-iphone.png" alt="iPhone Responsive">
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <!-- Slider End--> 
            <!-- Slogan Start-->
            <div class="slogan bottom-pad-small">
               <div class="container">
                  <div class="row">
                     <div class="slogan-content">
                        <div class="col-lg-9 col-md-9">
                           <h2 class="slogan-title">我们为用户提供快速的内容管理开发框架</h2>
                        </div>
                        <div class="col-lg-3 col-md-3">
                           <div class="get-started">
                              <button class="btn btn-special btn-color pull-right">现在开始</button>
                           </div>
                        </div>
                        <div class="clearfix"></div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Slogan End--> 
            <!-- Main Content start-->
            <div class="main-content">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-4 col-md-4 col-sm-4">
                        <div class="content-box big ch-item bottom-pad-small">
                           <div class="ch-info-wrap">
                              <div class="ch-info">
                                 <div class="ch-info-front ch-img-1"><i class="icon-code"></i></div>
                                 <div class="ch-info-back">
                                    <i class="icon-code"></i>
                                 </div>
                              </div>
                           </div>
                           <div class="content-box-info">
                           <php>
                              $p=sp_sql_post(36,'field:post_title,post_content');
                           </php>
                              <h3>{$p.post_title}</h3>
                              <p>
                              {$p.post_content}
                              </p>
                              <a href="#">Read More <i class="icon-angle-right"></i><i class="icon-angle-right"></i></a>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-4 col-sm-4">
                        <div class="content-box big ch-item bottom-pad-small">
                           <div class="ch-info-wrap">
                              <div class="ch-info">
                                 <div class="ch-info-front ch-img-1"><i class="icon-eye-open"></i></div>
                                 <div class="ch-info-back">
                                    <i class="icon-eye-open"></i>
                                 </div>
                              </div>
                           </div>
                           <div class="content-box-info">
                           <php>
                              $p=sp_sql_post(37,'field:post_title,post_content');
                           </php>
                              <h3>{$p.post_title}</h3>
                              <p>
								{$p.post_content}
                              </p>
                              <a href="#">Read More <i class="icon-angle-right"></i><i class="icon-angle-right"></i></a>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-4 col-sm-4">
                        <div class="content-box big ch-item">
                           <div class="ch-info-wrap">
                              <div class="ch-info">
                                 <div class="ch-info-front ch-img-1"><i class="icon-edit"></i></div>
                                 <div class="ch-info-back">
                                    <i class="icon-edit"></i>
                                 </div>
                              </div>
                           </div>
                           <div class="content-box-info">
                           <php>
                              $p=sp_sql_post(38,'field:post_title,post_content');
                           </php>
                              <h3>{$p.post_title}</h3>
                              <p>
                              	{$p.post_content}
                              </p>
                              <a href="#">Read More <i class="icon-angle-right"></i><i class="icon-angle-right"></i></a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Main Content end--> 
            <!-- Recent works start-->
            <div class="recentworks bottom-pad">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 animate_afl d1">
                        <div class="portfolio-desc">
                        <php>
                         $p=sp_sql_post(46,'field:post_title,post_content');
                        </php>
                           <h3 class="title">{$p.post_title}</h3>
                           <p>{$p.post_content}</p>
                           <div class="carousel-controls">
                              <a class="prev" href="#portfolio-carousel" data-slide="prev"><i class="icon-angle-left"></i></a>
                              <a class="next" href="#portfolio-carousel" data-slide="next"><i class="icon-angle-right"></i></a>
                              <div class="clearfix"></div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-9 col-md-9 col-xs-12">
                        <div class="row">
                           <div id="portfolio-carousel" class="portfolio-carousel slide">
                              <div class="carousel-inner">
                                 <div class="item active">
                                 <php>
                              		$mission1=sp_sql_posts('cid:4;field:post_title,post_content,smeta');
                              		$i=1;
                                 </php>
                                 
                                 <foreach  name="mission1" item="vo">
                                <php>
                                $surl=json_decode($vo['smeta']);
                                $i=$i+1;
                                </php>
                                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 item animate_afc d{$i}">
                                       <div class="portfolio-item">
                                          <a href="{$surl:thumb}" class="portfolio-item-link" data-rel="prettyPhoto" >
                                          <span class="portfolio-item-hover"></span>
                                          <span class="fullscreen"><i class="icon-search"></i></span><img src="{$surl:thumb}" alt="{$vo.post_title}"/>
                                          </a>
                                          <div class="portfolio-item-title">
                                             <a href="single-project.html">{$vo.post_title}</a>
                                             <p>
                                                {$vo.post_content}
                                             </p>
                                          </div>
                                          <div class="clearfix"></div>
                                       </div>
                                    </div>
                                 </foreach>
                                 </div>
                                 
                                 <div class="item">
                                 <php>
                              		$mission2=sp_sql_posts('cid:5;field:post_title,post_content,smeta');
                                 </php>
                                 <foreach  name="mission2" item="vo">
                                <php>
                                $surl=json_decode($vo['smeta']);
                                </php>
                                 
                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 item">
                                       <div class="portfolio-item">
                                          <a href="{$surl:thumb}" class="portfolio-item-link" data-rel="prettyPhoto" >
                                          <span class="portfolio-item-hover"></span><span class="fullscreen"><i class="icon-search"></i></span><img src="{$surl:thumb}" alt=" {$vo.post_title}"/>
                                          </a>
                                          <div class="portfolio-item-title">
                                             <a href="single-project.html">{$vo.post_title}</a>
                                             <p>
                                                {$vo.post_content}
                                             </p>
                                          </div>
                                          <div class="clearfix"></div>
                                       </div>
                                    </div>
                                    </foreach>
                                 </div>
                              </div>
                           </div>
                           <div class="clearfix"></div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Recent work end-->
            <!-- Features start -->  
            <div class="features bottom-pad">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <h3  class="title">产品与服务&nbsp;&nbsp;|&nbsp;&nbsp;Our Services</h3>
                        <div class="row">
                           <div class="circular-nav">
                              <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 animate_afl">
                                 <div id="cn-tabs">
                                 <php>
                              		$service=sp_sql_posts('cid:7;field:post_title,post_content');
                              		$i=0;
                                 </php>
                                 <foreach  name="service" item="service">
                                 <php>
                                 $i=$i+1;
                                 </php>
                                    <div class="service service-{$i}">
                                       <div class="cn-content">
                                          <h4>{$service.post_title}</h4>
                                          {$service.post_content}
                                          <a href="{:u('article/index',array('id'=>$service['tid']))}">Read More <i class="icon-angle-right"></i><i class="icon-angle-right"></i></a>
                                          <div class="clearfix"></div>
                                       </div>
                                       <div class="clearfix"></div>
                                    </div>
                                    </foreach>
                                 </div>
                                 <div class="clearfix"></div>
                              </div>
                              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1 animate_afr">
                                 <div class="cn-wrapper">
                                    <ul>
                                       <li class="circle-1 circle"><a class="active" href="#"><span class="icon-picture"></span></a></li>
                                       <li class="circle-2 circle"><a href="#"><span class="icon-rocket"></span></a></li>
                                       <li class="circle-3 circle"><a href="#"><span class="icon-puzzle-piece"></span> </a></li>
                                       <li class="circle-4 circle"><a href="#"><span class="icon-thumbs-up-alt"></span></a></li>
                                       <li class="circle-5 circle"><a href="#"><span class="icon-html5"></span></a></li>
                                       <li class="circle-6 circle"><a href="#"><span class="icon-user"></span></a></li>
                                       <li class="circle-7 circle"><a href="#"><span class="icon-google-plus"></span> </a></li>
                                       <li class="circle-8 circle"><a href="#"><span class="icon-envelope-alt"></span></a></li>
                                       <li class="circle-9 circle"><a href="#"><span class="icon-hand-right"></span></a></li>
                                    </ul>
                                    <div class="clearfix"></div>
                                 </div>
                              </div>
                              <div class="clearfix"></div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Features End --> 
            <!-- Latest Posts start --> 
            <div class="latest-posts">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 col-md-12 com-sm-12 col-xs-12">
                        <h3 class="title">企业新闻</h3>
                     </div>
                     <div class="clearfix"></div>
                     <div class="blog-showcase col-lg-12 col-md-12 col-sm-12 col-xs-12 animate_afb d1">
                        <ul>
                        <php>
                         $news=sp_sql_posts('cid:8;field:post_title,post_content,post_date,smeta');
                        </php>
                        <foreach name="news" item="news">
                        <php>
						$date=strtotime($news['post_date']);
						$content=strip_tags($news['post_content']);
						$content=mb_substr($content,0,45,'utf-8');
						$surl=json_decode($news['smeta']);
						//print_r($surl);
						</php>
                           <li class="">
                              <div class="blog-showcase-thumb col-lg-4">
                                 <div class="post-body">
                                    <a class="post-item-link" href="{$surl:thumb}" data-rel="prettyPhoto"><span class="post-item-hover"></span><span class="fullscreen"><i class="icon-search"></i></span><img alt="{$news.post_title}" src="{$surl:thumb}"></a>
                                 </div>
                              </div>
                              <div class="blog-showcase-extra-info col-lg-4">
                                 <span><a href="#"><php> echo date("M d,Y", $date);</php></a></span>
                                 <h4><a href="#" class="title">{$news.post_title}</a></h4>
                                 <p>{$content}...</p>
                                 <a href="http://www.baidu.com">Read more <script>alert(0);</script><i class="icon-double-angle-right"></i></a>
                              </div>
                           </li>
                           </foreach>
                        </ul>
                        <div class="clearfix"></div>
                     </div>
                  </div>
                  <div class="divider"></div>
               </div>
            </div>
            <!-- Latest Posts End -->
            <!-- Our Clients Start-->
            <div class="our-clients">
               <div class="container">
                  <div class="row">
                     <div class="client" style="background-position: 50% 23px;">
                        <div class="client-logo">
                           <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                              <div class="clients-title">
                                 <h3 class="title">Our Clients</h3>
                                 <div class="carousel-controls pull-right">
                                    <a class="prev" href="#client-carousel" data-slide="prev"><i class="icon-angle-left"></i></a>
                                    <a class="next" href="#client-carousel" data-slide="next"><i class="icon-angle-right"></i></a>
                                    <div class="clearfix"></div>
                                 </div>
                              </div>
                              <div class="clearfix"></div>
                              <div class="row">
                                 <div id="client-carousel" class="client-carousel slide">
                                    <div class="carousel-inner">
                                       <div class="item active">
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item animate_afc d1 animate_start">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-1.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-1.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item animate_afc d2 animate_start">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-2.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-2.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item animate_afc d3 animate_start">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-3.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-3.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item animate_afc d4 animate_start">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-4.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-4.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item animate_afc d5 animate_start">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-3.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-3.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item animate_afc d6 animate_start">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-2.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-2.png"></a></div>
                                          </div>
                                       </div>
                                       <div class="item">
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-5.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-5.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-4.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-4.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-3.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-3.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-2.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-2.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-3.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-3.png"></a></div>
                                          </div>
                                          <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6 item">
                                             <div class="item-inner"><a href="#"><img alt="Upportdash" src="__TMPL__/PUBLIC/img/clientslogo/logo-4.png" tppabs="http://demo.fifothemes.com/pixma/img/clientslogo/logo-4.png"></a></div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Our Clients End -->  
         </div>
         <!-- Content End -->
         <!-- Footer Start -->
         <include file="Public:footer"/>
         <!-- Footer End -->
         <!-- Scroll To Top --> 
         <a href="#" class="scrollup"><i class="icon-angle-up"></i></a>
      </div>
      <!-- Wrap End -->
      <!-- switcher start -->
      <include file="Public:switcher"/>
      <!-- switcher start -->
      <!-- The Scripts -->
      <include file="Public:scripts"/>
      <!-- The Scripts -->
   </body>
</html>